.recommend {   
    padding-bottom:0.8rem;
    h4 {
        margin: .3rem auto;
        width: 90%;
        height: .24rem;
        span {
            display: inline-block;
            width:3rem;
            text-align: center;
            background-color: #Eee;
            font-size:0.28rem;
        }
        &:before{
            content: '';
            width: 16%;
            height: 1px;
            display: inline-block;
            background: #d5d5d5;
            margin-bottom: 0.05rem;
        }
        &:after{
            content: '';
            width: 16%;
            height: 1px;
            display: inline-block;
            background: #d5d5d5;
            margin-bottom: 0.05rem;
        }
    }
    .subhead {
        color: #888888;
        padding: 0 .24rem;
        margin-bottom: 0.24rem;
    }
    h4,h5 {
        color: #888;
        text-align: center;
    }
    .recommend_list {
        width: 100%;
        li {
            width: 49%;
            float: left;
            display: inline;
            background: #fff;
            .caption {
                overflow: hidden;
                display: -webkit-box;
                font-size: .28rem;
                color: #333;
                height: .86rem;
                line-height: .43rem;
            }
            p {
                padding: 0 .24rem;
                margin-bottom: .1rem;
                &.price_t {
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    display: block;
                    clear: both;
                    span {
                        color: #db384c;
                        font-size: .36rem;
                        em {
                            text-decoration: line-through;
                            color: #999;
                            font-size: .24rem;
                        }
                        em::before {
                            content: "\00A5";
                        }
                    }
                    .J_buyTo {
                        color: #f20b0b;
                        border: none;
                        -webkit-border-radius: 50%;
                        border-radius: 50%;
                        font-size: .4rem;
                        float: right;
                    }
                }
            }
        }
        li:nth-child(2n+1) {
            margin: 0 .1rem .1rem 0;
        }
        img {
            width: 100%;
        }
        div {
            padding-top: .15rem;
        }

    }
}
